<html>
<head>
  <title>Devcathlon: Create Team</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
.style3 {font-size: small}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<div class="wrapper">
<br>
<p>
Displays information to create a team and go against another team
</div> <!-- End class=wrapper -->

<div class="entry">
<br>
<div id="profile">

<center>
<br>
<h2>Create My Team</h2>
<form name="form1" method="post" action="">
  <label>
  <div align="left">Search for Individual member:<br>
    Search
    <input name="Search" type="text" id="Search" value="Member Name">
    <input type="submit" name="Find" id="Find" value="Find!">
    <br>
    <br>
  Search for Team:</div>
  </label>
</form>
<form name="form2" method="post" action="">
  <div align="left"></div>
  <label>
  <div align="left">Search
    <input name="Search2" type="text" id="Search2" value="Mockup2">
    <input type="submit" name="Find2" id="Find2" value="Find!">
  </div>
  </label>
</form>
<p align="left">&nbsp;</p>
<form name="form3" method="post" action="">
  <p align="left">Team Found: Mockup2</p>
  <p align="left">
    <label>
    <input type="checkbox" name="John L." id="John L.">
    <img src="img.jpg" width="50" height="50"> John L.</label>
  </p>
  <p align="left">
    <label>
    <input type="checkbox" name="John Z." id="John Z.">
    <img src="johnz.jpg" width="50" height="50">    John Z.</label>
  </p>
  <p align="left">
    <label> 
    <input type="checkbox" name="Phillip L." id="Phillip L.">
    <img src="phillip.jpg" width="50" height="50">    Phillip L.</label>
  </p>
  <p>
    <label></label>
  </p>
</form>
<p align="left">Create Team Name:</p>
<form action="" method="post" enctype="multipart/form-data" name="form4">
  <label>
  <div align="left">
    <p>Team Name
      <input name="Team Name" type="text" id="Team Name" value="l33t">
        <br>
      Team Type 
      <select name="Team Type" id="Team Type">
        <option>Company</option>
        <option>Friends and Family</option>
        <option>School</option>
        <option selected>Organization</option>
      </select>
      </p>
    <p>
      <label>
      <span class="style3">Team Project</span>
      <input type="file" name="Team Project" id="Team Project">
      </label>
      </p>
    <p>OR</p>
    <p>
      <label>Team Project
      <input name="Team Project2" type="text" id="Team Project2" value="http://www.">
      </label>
      <br>
      <br>
      About Your Team
      <textarea name="About" id="About" cols="45" rows="5">Type Something about your newly created team</textarea>
      <br>
      <br>
      <br>
      </p>
  </div>
  </label>
</form>
<form name="form5" method="post" action="">
  <label>
  <input type="submit" name="Send An Invite" id="Send An Invite" value="Send An Invite">
  </label>
</form>
<p align="left">&nbsp;</p>
</center>
</div> <!-- Ends id=profile -->
 
</div> <!-- Ends id=entry -->

<div id="footerFeedback">
<p> Creating team, sreach for individual members or a team from the community</p>
<p>Create team name, team type.</p>
<p>Insert the team project files, so all members can get one copy.</p>
<p>Send invite to selected team members.</p>
<p>&nbsp;</p>
</div>
</div> <!-- End id=page -->

</body>
</html>
